<!doctype html>
<html>
<head>
	<meta charset="utf-8">
	<title>局部注册方式构建父子组件</title>
	<script src="vue.js"></script>
</head>
<body>
<div id="app">
     <parent></parent>
</div>
<script>
var childNode = Vue.extend({
    template: '<div>这是子组件</div>'
 })
var parentNode = Vue.extend({
    template: '<div>这是父组件<child></child></div>',
    components:{
        'child':childNode
    }
 })
// 创建根实例
var vm=new Vue({
    el: '#app',
    components: {
      'parent': parentNode
    }  
  })
</script>
</body>
</html>
